.root{
    -fx-font-size: 10pt;
    -fx-font-family: "serif";
  -fx-background-image: url("../images/Hauslogo.png");
	-fx-background-repeat: no-repeat; 
	-fx-background-size: 300 300;
    -fx-background-position: left;
}

.button {
  -fx-background-color: #778899;
  -fx-text-fill: white;
  -fx-padding: 10;
  -fx-font-weight: bold;
  -fx-effect: dropshadow( one-pass-box , black , 8 , 0.0 , 2 , 0 );
}

.vbox{
    -fx-spacing: 10;
}

.hbox{
    -fx-spacing: 10;
    -fx-padding: 0 10 0 10;
}

.separator{
    -fx-padding: 10 10 10 10;
}

.grid{
    -fx-background-radius: 5.0;
    -fx-background-insets: 0.0 5.0 0.0 5.0;
    -fx-padding: 10 10 10 30;
    -fx-hgap: 10;
    -fx-vgap: 10;
    -fx-alignment: center;
  -fx-background-image: url("../images/Hauslogo.png");
	-fx-background-repeat: no-repeat; 
	-fx-background-size: auto;
    -fx-background-position: center center;
}

.button:hover {
  -fx-background-color: #B0C4DE;
}

.button:focused{
    -fx-background-color: rgba(205,205,205,0.7);
  
}

.double-underline {
    -fx-border-color: black, transparent, black;
    -fx-border-width: 0 0 1 0, 0 0 1 0, 0 0 1 0;
    -fx-border-insets: 0 0 1 0, 0 0 2 0, 0 0 3 0;
}

.highlight{
	-fx-font-size: 12px;
    	-fx-text-fill: black;
	-fx-font-weight: bold;
}

#topic {
	-fx-font-size: 20px;
    	-fx-text-fill: black;
	-fx-font-weight: bold;
}

#SumToPay{
	-fx-font-size: 14px;
    	-fx-text-fill: black;
	-fx-font-weight: bold;
	-fx-graphic: url(../images/cash.png);
}

#subtopic{
	-fx-font-size: 16px;
    	-fx-text-fill: black;
	-fx-font-weight: bold;
}

#logout{
   -fx-graphic: url(../images/logout.png);
}
